<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">

		<title>校园管理系统首页</title>
		<!-- Bootstrap core CSS -->
		<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
		<link rel="stylesheet" href="http://unpkg.com/layui@2.6.8/dist/css/layui.css">
		<!-- Custom styles for this template -->
		<link th:href="@{/css/dashboard.css}" rel="stylesheet">
		<style type="text/css">

			html, body {
				width: 100%;
				height: 100%;
			}

			.ncovInfo_li {
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				box-sizing: border-box;
			}

			.box-top {
				display: flex;
				width: 30%;
				height: 100%;
				/*background: antiquewhite;*/
				justify-content: space-around;
			}

			.box1 {
				width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
			}

			.box-under {
				display: flex;
				width: calc(70% - 10px);
				height: 100%;
				/*background: blueviolet;*/
				justify-content: space-around;
				align-items: center;
				padding: 10px 0;
			}

			.box2 {
				box-shadow: 3px 3px 10px #909090;
			}

		</style>

	</head>

	<body>
		<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
			<span class="navbar-brand col-sm-3 col-md-2 mr-0"><a>首页</a></span>
			<ul class="navbar-nav px-3">
				<li class="nav-item text-nowrap">
					<a class="nav-link" th:text="|${session.username} 退出|" th:href="@{/logout}"></a>
				</li>
			</ul>
		</nav>

		<div class="container-fluid">
			<div class="row">
				<nav class="col-md-2 d-none d-md-block bg-light sidebar">
					<div class="sidebar-sticky">
						<ul class="nav flex-column">
							<li class="nav-item">
								<a class="nav-link">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home">
										<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
										<polyline points="9 22 9 12 15 12 15 22"></polyline>
									</svg>
									当前在首页 <span class="sr-only">(current)</span>
								</a>
							</li>

							<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
								<span>学生操作</span>
							</h6>

							<li class="nav-item">
								<a class="nav-link" th:href="@{/toTemp}">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
										<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
										<polyline points="13 2 13 9 20 9"></polyline>
									</svg>
									体温登记
								</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" th:href="@{/toLeave}">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
										<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
										<polyline points="13 2 13 9 20 9"></polyline>
									</svg>
									请假登记
								</a>
							</li>

						</ul>
					</div>
				</nav>

				<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
					<div class="mainindex" style="height: calc(100% - 80px);">
						<div class="welinfo">

							<h6>欢迎您,同学</h6>
						</div>
						<hr/>

						<div style=" padding-top: 10px; height: 40px; display: flex;">
							<div style="display: flex; width: 30%; justify-content: space-around; align-items: flex-end;">
								<span style="font-size:20px; font-weight:bold; color: dimgrey">疫情数据</span>
							</div>
							<div style="display: flex; width: 70%; justify-content: space-around; align-items: flex-end;">
								<span style="font-size:20px; font-weight:bold; color: dimgrey">最新公告</span>
							</div>
						</div>

						<div style="height: calc(100% - 82px);display: flex;">
							<div class="box-top">
								<div class="box1">
									<div class="ncovInfo_li">
										<div><b id="currentConfirmedIncrStr">较昨日</b><em id="currentConfirmedIncr"
																						style="color: rgb(247, 76, 49);">+4</em></div>
										<strong id="currentConfirmedCount" style="font-size: 30px; color: rgb(247, 76, 49);">494</strong>
										<span style="font-size: 15px; font-weight: bold">现存确诊</span>
									</div>
									<div class="ncovInfo_li">
										<div><b id="suspectedIncrStr">较昨日</b><em id="suspectedIncr" style="color: rgb(247, 130, 7);">+8</em>
										</div>
										<strong id="suspectedCount" style="font-size: 30px; color: rgb(247, 130, 7);">5,443</strong>
										<span style="font-size: 15px; font-weight: bold">境外输入</span>
									</div>
									<div class="ncovInfo_li">
										<div><b id="seriousIncrStr">较昨日</b><em id="seriousIncr" style="color: rgb(162, 90, 78);">-2</em>
										</div>
										<strong id="seriousCount" style="font-size: 30px; color: rgb(162, 90, 78);">299</strong>
										<span style="font-size: 15px; font-weight: bold">现存无症状</span>
									</div>
								</div>
								<div class="box1">
									<div class="ncovInfo_li">
										<div><b id="confirmedIncrStr">较昨日</b><em id="confirmedIncr"
																				 style="color: rgb(174, 33, 44);">+26</em></div>
										<strong id="confirmedCount" style="font-size: 30px; color: rgb(174, 33, 44);">103,153</strong>
										<span style="font-size: 15px; font-weight: bold">累计确诊</span>
									</div>
									<div class="ncovInfo_li">
										<div><b id="deadIncrStr">较昨日无变化</b><em id="deadIncr" style="color: rgb(174, 33, 44);">+26</em></div>
										<strong id="deadCount" style="font-size: 30px; color: rgb(93, 112, 146);">4,854</strong>
										<span style="font-size: 15px; font-weight: bold">累计死亡</span></div>
									<div class="ncovInfo_li">
										<div><b id="curedIncrStr">较昨日</b><em id="curedIncr" style=" color: rgb(40, 183, 163);">+22</em>
										</div>
										<strong id="curedCount" style="font-size: 30px; color: rgb(40, 183, 163);">97,805</strong>
										<span style="font-size: 15px; font-weight: bold">累计治愈</span></div>
								</div>
							</div>

							<div class="box-under">
								<div style="position: relative; top: 23%; font-size:30px; font-weight:bold; color:white;">
									<!-- 轮播图片 -->
									<div class="carousel-inner" style="width: 600px; height: 500px">
										<div class="layui-carousel" id="test1">
											<div carousel-item>
												<div><img src="https://static.runoob.com/images/mix/img_nature_wide.jpg"></div>
												<div><img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg"></div>
												<div><img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 引入 layui.js -->
					<script src="http://unpkg.com/layui@2.6.8/dist/layui.js"></script>
					<script>
						layui.use('carousel', function(){
							var carousel = layui.carousel;
							//建造实例
							carousel.render({
								elem: '#test1'
								,width: '100%' //设置容器宽度
								,arrow: 'hover' //始终显示箭头
								//,anim: 'updown' //切换动画方式
							});
						});
					</script>
				</main>
			</div>
		</div>



	</body>

</html>